﻿<div id="search-component">
    <h4>Hero Search</h4>
    <input type="text"  #searchBox id="search-box" (keyup)="search(searchBox.value)"/>
    <div>
        <div *ngFor="let hero of heroes|async"
             (click)="gotoDetail(hero)" class="search-result">
            {{hero.name}}
        </div>
    </div>
</div>